<!doctype html>
<html>
 <head>
  <base href="${request.contextPath}" />
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>Document</title>
  <style>
   body,html{color:#000;margin:0;overflow:hidden;font:400 13px arial,Microsoft Yahei!important}a{font-size:inherit;text-decoration:none;color:#666;cursor:pointer}.txt{width:90%;padding:4px 20px;border-radius:22px;border:solid 1px #ccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:3.6em;outline:0}.txt:focus{border-color:#4386f5}.button{background:#4386f5;color:#fff;padding:6px 0;height:25px;line-height:25px;border-radius:5px;width:90%;border-radius:22px;display:inline-block;cursor:pointer}.page-con{text-align:center;width:400px;margin:0 auto;height:362px;position:absolute;top:50%;margin-top:-181px;left:50%;margin-left:-200px;background-color:#fff;padding:27px;border-radius:5px;border:1px solid #e8e1e1;}.page-con .sep{border-top:1px solid #ddd;height:20px;text-align:center}.page-con label{color:#666;display:inline-block;padding:0 10px;}.page-con .signup{font-size:12px;margin-top:19px;color:#666;text-align:left;padding-left:26px}.page-con .signup a{color:#333}#bg-canvas{position:absolute;z-index:-1}#logo-text{display:inline-block;margin-left:8px;font-size:35px;vertical-align:7px;font-family:arial;height:60px;text-shadow:1px 1px 2px #bbb inset}#logo-text .logo-dot{width:68px;height:6px;display:inline-block;position:absolute;left:50%;top:50%;margin-left:-34px;margin-top:-3px;display:none}#logo-text .logo-dot:after{width:6px;background:#4386f5;height:6px;display:inline-block;position:absolute;right:-4px;border-radius:50%;content:""}#logo-text label{display:inline-block;background:#4386f5;border-radius:50%;color:#fff;padding:11px 8px;margin-left:6px;position:relative;box-shadow:1px 1px 6px #ccc}.login-input{position:relative}.login-input a{position:absolute;right:33px;top:13px;width:auto;height:20px;line-height:20px;text-align:right;color:#888;z-index:1}.weixin-con{display:none;padding:15px;background:#fff;position:absolute;z-index:9;width:362px;height:410px;left:50%;top:50%;margin-left:-181px;margin-top:-205px;text-align:center;border-raidus:5px;box-shadow:1px 1px 4px #ccc}.error-tip{height:30px;line-height:30px;position:absolute;right:32px;color:red;bottom:6px;font-size:12px;z-index:2;background:#fff}.success-tip{position:absolute;width:194px;top:155px;display:none;right:96px;padding:5px 8px;border:1px solid green;border-radius:3px;box-shadow:1px 1px 5px #d6e9c6;background-color:#dff0d8;color:#468847;text-shadow:0 1px 0 rgba(255,255,255,.5)}.icons{background:url(/static/login_processon.png) no-repeat;display:inline-block;width:42px;height:42px;cursor:pointer;}.icons.weixin{background-position:0 0;background-size:42px}.icons.qq{background-position:0 -85px;background-size:43px}.icons.weibo{background-position:0 -131px;background-size:44px}.icons.google{background-position:0 -45px;background-size:44px}.icons.somemore{border-radius:100%;border:1px solid #ddd;background-position:-1px -165px;background-size:42px;width:38px;height:38px}.icons.somemore:hover{-webkit-box-shadow:inset 0 0 1px rgba(0,0,0,.2);-moz-box-shadow:inset 0 0 1px rgba(0,0,0,.2);box-shadow:inset 0 0 1px rgba(0,0,0,.2);cursor:pointer}.morelogo-con{background-color:#fff;padding:10px;position:absolute;left:249px;opacity:0;top:30px;z-index:3;border-radius:5px;box-shadow:0 1px 2px 0 rgba(0,0,0,.2);-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}.morelogo-con.popover{opacity:1;top:45px}.morelogo-con>span{display:block;font-size:13px;color:#3d474d}.morelogo-con .mingdao{display:inline-block;vertical-align:middle;background-position:0 -257px;background-size:44px;margin-right:11px}.rotate{animation:.8s infinite rotate;-webkit-animation:.8s infinite rotate;-o-animation:.8s infinite rotate;-moz-animation:.8s infinite rotate;-ms-animation:.8s infinite rotate}@-webkit-keyframes rotate{from{-webkit-transform:rotate(0)}to{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotate{from{-moz-transform:rotate(0)}to{-moz-transform:rotate(360deg)}}@-ms-keyframes rotate{from{-ms-transform:rotate(0)}to{-ms-transform:rotate(360deg)}}@-o-keyframes rotate{from{-o-transform:rotate(0)}to{-o-transform:rotate(360deg)}}@keyframes rotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}.bind{width:600px;margin-left:-300px}.bind .button,.bind .txt{width:55%}.bind #logo-text{vertical-align:-7px}.bind .icons{background:url(/static/login_processon.png) no-repeat;display:inline-block;width:74px;height:74px;vertical-align:top}.bind .icons.weixin{background-position:0 0;background-size:70px;width:70px;height:68px}.bind .icons.qq{background-position:0 -141px;background-size:70px;width:70px;height:68px}.bind .icons.weibo{background-position:0 -211px;background-size:70px;width:70px;height:68px}.bind .icons.google{background-position:0 -73px;background-size:70px;width:70px;height:68px}.bind_item{position:relative}.bind-arrow{margin-left:30px;display:inline-block;position:relative;color:#666;margin-right:30px}.bind-tip{margin-top:40px}.des{margin-top:10px;font-size:14px}@media screen and (max-width:760px){.page-con{width:100%;left:0;margin-left:0}}
  </style>
 </head>
 <body>
<canvas id="bg-canvas" width="1280" height="590"></canvas>
<div class="page-con">
 <form name="loginform" id="loginform" action="/sso/doLogin" method="post">
<input type="hidden" id="redirect_url" name="redirect_url" value="${redirect_url?default('')}" >
<div><span id="logo-text"><label>&nbsp;D&nbsp;<span class="logo-dot rotate"></span></label>zd&nbsp;统一认证中心</span></div>
<div>

<div style="margin-top:25px;position:relative;">
<input name="account" id="account" value="user1" class="txt" type="text" placeholder="用户名/邮箱">
<div class="error-tip"></div>
</div>
<div class="login-input" style="margin-top:20px;position:relative;">
<input name="password" id="password" value="123456" class="txt" type="password" placeholder="密码">
 <a  href="/forget">忘记密码</a>
<div class="error-tip"></div>
</div>

<div style="margin-top:20px;">

<span id="signin_btn" onclick="login.login();" class="button">立即登录</span>
</div>



</div>
 <div class="signup"><a href="/reg">注册</a>  <label for="RememberMe" style="float:right;margin-right: 15px;color:#000;" ><input type="checkbox" id="RememberMe" name="RememberMe" >记住密码</label></div>
 </form>

</div>

</script><script src="/static/jquery.js" charset="UTF-8" type="text/javascript"></script>
<script src="/static/canvasBg.js" charset="UTF-8" type="text/javascript"></script>
<script src="/static/common.js" charset="UTF-8" type="text/javascript"></script>
<script src="/static/login.js" charset="UTF-8" type="text/javascript"></script>


<script type="text/javascript">
 var KEY_COOKIE_USERNAME='${KEY_COOKIE_USERNAME?default("")}'
 var KEY_COOKIE_PASSWORD='${KEY_COOKIE_PASSWORD?default("")}'
 var KEY_COOKIE_REMEMBER='${KEY_COOKIE_REMEMBER?default("")}'
 var cookieName=getCookie(KEY_COOKIE_USERNAME);
 var cookiePass=getCookie(KEY_COOKIE_PASSWORD);
 var cookieRm=getCookie(KEY_COOKIE_REMEMBER);

 function getCookie(name){
      //获取cookie字符串
      var strCookie=document.cookie;
      //将多cookie切割为多个名/值对
      var arrCookie=strCookie.split("; ");
      var value="";
      //遍历cookie数组，处理每个cookie对
      for(var i=0;i<arrCookie.length;i++){
       var arr=arrCookie[i].split("=");
       if(name==arr[0]){
        value=arr[1];
        break;
       }
      }
      return value;
 }
 $(function(){
       //绘制背景
        canvasBg.init();
       if(cookieRm=="1")
       {
        $("#RememberMe").attr("checked",'true');
       }
     var msg="${msg?default('')}";
      if(msg!=""){
        alert(msg);
        $("#account").focus();
       }
       $("#account").val(cookieName.replace(/\"/g, ""));
       $("#password").val(cookiePass);
 })
</script>
 </body>
</html>
